<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>酷我音乐</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/ing.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <script src="./fonts/iconfont.js"></script>
    <style>

    </style>
</head>

<body>
    <div class="background-image cover-img2"></div>
    <header id="header">
        <ul class="navigation">
            <li>助眠</li>
            <li class="active">学习工作</li>
            <li>开车</li>
        </ul>
        <div class="title">
            <div class="keyword">沉浸场景提升专注</div>
            <p>6.8w人正在学习工作</p>
            <span class="open-button">进入</span>
        </div>
    </header>
    <main class="ing-content none">
        <div class="player-box">
            <img src="https://img1.kuwo.cn/star/userpl2015/15/39/1638436333608_448007115_500.jpg" alt="">
            <span class="music-title">你好，工作日</span>
            <span class="button">继续播放</span>
        </div>
        <div class="tab">
            <ul class="tabs">
                <li class="active bc-color1">精选</li>
                <li>自然声景</li>
                <li>快速入眠</li>
                <li>放松解压</li>
            </ul>
        </div>
        <section class="box">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
    </main>
    <main class="ing-content">
        <div class="player-box bc-color2">
            <img src="https://img1.kuwo.cn/star/userpl2015/15/39/1638436333608_448007115_500.jpg" alt="">
            <span class="music-title">你好，工作日</span>
            <span class="button">继续播放</span>
        </div>
        <div class="tab">
            <ul class="tabs">
                <li class="active bc-color2">工作学习</li>
                <li>自然风光</li>
                <li>春日乐读季</li>
                <li>来做美食吧</li>
            </ul>
        </div>
        <section class="box">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
    </main>
    <main class="ing-content none">
        <div class="player-box">
            <img src="https://img1.kuwo.cn/star/userpl2015/15/39/1638436333608_448007115_500.jpg" alt="">
            <span class="music-title">你好，工作日</span>
            <span class="button">继续播放</span>
        </div>
        <div class="tab">
            <ul class="tabs">
                <li class="active bc-color3">为你推荐</li>
                <li>听热歌</li>
                <li>听DJ</li>
                <li>听小说</li>
            </ul>
        </div>
        <section class="box">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
        <section class="box none">
            <div class="player-list">
                <ul>
                </ul>
            </div>
        </section>
    </main>
    <footer class="bc-color2">
        <ul>
            <li>
                <div>
                    <a href="./index.html">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-a-1-copy"></use>
                            </svg>
                        </div>
                        <p>首页</p>
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="#">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-icon_zhibo-xian-copy"></use>
                            </svg>
                        </div>
                        <p>直播</p>
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="./ing.html">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-erji-copy"></use>
                            </svg>
                        </div>
                        <p>ing</p>
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="./vip.html">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-zuanshi-copy"></use>
                            </svg>
                        </div>
                        <p>会员</p>
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="./mine.html">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-dkw_wode--copy"></use>
                            </svg>
                        </div>
                        <p>我的</p>
                    </a>
                </div>
            </li>
        </ul>
    </footer>
    <script src="./js/ing.js"></script>
</body>

</html>